<template>
  <div class="child">
    <h3>我是Child组件</h3>
    <h3>{{ sum }}</h3>
  </div>
</template>
  
<script>
import { ref } from 'vue';

export default {
  name: "Child",
 setup(){
  //以前我们说return的不能是async函数 不然是promise  使用这个的前提是异步跟suspense
  let sum=ref(0)
  return new Promise((resolve,reject)=>{
    setTimeout(()=>{
      resolve({sum})
    },1000)
  })
 }


};
</script>
  
  <style scoped>
.child {
  background-color: rgb(149, 0, 255);
  padding: 10px;
}
</style>